<template>
  <div ref="formBox">
    <el-form ref="form" :rules="rules" :model="form" label-width="150px">
      <el-form-item label="UID" prop="userId">
        <el-input v-model.number="form.userId" :disabled="true" />
      </el-form-item>
      <el-form-item label="昵称" prop="userNickName">
        <el-input v-model="form.userNickName" :disabled="true" />
      </el-form-item>
      <el-form-item label="流水类型" prop="typeCode">
        <el-input v-model="form.typeCode" :disabled="true" />
      </el-form-item>
      <el-form-item label="进账(元)" prop="inMoney">
        <el-input v-model="form.inMoney" :disabled="true" />
      </el-form-item>
      <el-form-item label="出账(元)" prop="outMoney">
        <el-input v-model="form.outMoney" :disabled="true" />
      </el-form-item>
      <el-form-item label="手续费(元)" prop="withdrawCharge">
        <el-input v-model="form.withdrawCharge" :disabled="true" />
      </el-form-item>
      <el-form-item label="实付金额(元)" prop="actualAmount">
        <el-input v-model="form.actualAmount" :disabled="true" />
      </el-form-item>
      <el-form-item label="说明" prop="remark">
        <el-input v-model="form.remark" :disabled="true" />
      </el-form-item>
      <!-- <el-form-item label="赠送(接收人)" prop="amount">
        <el-input v-model="form.amount" :disabled="true" />
      </el-form-item>
         <el-form-item label="赠送人" prop="amount">
        <el-input v-model="form.amount" :disabled="true" />
      </el-form-item>
         <el-form-item label="审核时间" prop="amount">
        <el-input v-model="form.amount" :disabled="true" />
      </el-form-item>
         <el-form-item label="出金审批状态" prop="amount">
        <el-input v-model="form.amount" :disabled="true" />
      </el-form-item>
         <el-form-item label="审核说明" prop="amount">
        <el-input v-model="form.amount" :disabled="true" />
      </el-form-item> -->
    </el-form>
  </div>
</template>

<script>
import { pickGoodesEnum, } from '@/common/enums'

export default {
  name: 'formView',
  props: {
    form: {
      type: Object,
    }
  },
  watch: {
    "form.sendState": {
      deep: true,
      handler: function (newV, oldV) {
        this.scrollToBottom();
      },
    },
  },

  data() {
    return {

      rules: {
        // pickPpAddress: [{ required: true, message: "必填", trigger: "blur" }],//提货地址
      },
    }
  },
  mounted() {
  },
  methods: {
    //滚动条触发事件
    scrollEvent(e) {
      if (e.srcElement.scrollTop + e.srcElement.clientHeight == e.srcElement.scrollHeight) {
      }
    },
    scrollToBottom() {
      //      this.$nextTick(()=>{
      //     var scrollDom = document.getElementById('el-dialog-div');
      //     scrollDom.scrollTop = scrollDom.scrollHeight
      //   })
      this.$nextTick(() => {
        var container = this.$refs.formBox;
        container.scrollTop = container.scrollHeight;
      })
    }

  }
}
</script>

<style lang="scss" scoped>
</style>
